Browser problem for background-size property [migrated]
Posted
by
Sangram
on Pro Webmasters
See other posts from Pro Webmasters
or by Sangram
Published on 2011-06-29T11:27:48Z
Indexed on
2011/06/29
16:31 UTC
Read the original article
Hit count: 230
I am using one picture as my background of header of my blog. CSS i have used is
#header-wrapper {
height:125px;
padding: 0px;
margin: 0;
background: url("http://3.bp.blogspot.com/_lxBSX0YJV58/TOspWPI1r-I/AAAAAAAAA34/uw872WFS3ME/s1600/headerbg.jpg") top center no-repeat;
background-size: 1120px 124px;
}
original width of an image is 990 px and i made it 1120px using property
background-size: 1120px 124px;
It looks okay in firefox 4 and Opera 11 but doesn't work in IE 7, Palemoon etc. image size does not increases and remains 990 px. You can check my blog HERE
Any help...how can i make it compatible with all browsers ?
© Pro Webmasters or respective owner
